<div class="hellow">hello-angular</div>
<button (click)="loginClick()" >{{ isLogin ? "已登录" : "未登录" }}</button>
<hr />
<nav>
  <!-- routerLink属性可以添加在任意元素上 -->
  <!-- 注意相对地址问题 //// -->
  <a class="button" routerLink="/index" routerLinkActive="activebutton">
    index
  </a>
  <button class="button" routerLink="/pink/22" routerLinkActive="activebutton">
    pink
  </button>
  <span class="button" routerLink="/hero" routerLinkActive="activebutton">
    hero
  </span>
</nav>
<hr />
<router-outlet></router-outlet>
